<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'document-success.jsp' starting page</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<script type="text/javascript" src="js/jQuery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<head>
<title>项目管理系统-成员</title>

<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<script type="text/javascript" src="js/jQuery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<style type="text/css">
body {
	background-color: #3D71BC;
	background-image: url("img/pro-bg1.jpg");
	background-repeat: no-repeat;
	width:1440px;
}
.container{
	width:1440px;

}

.span3 {
	margin-top: 30px;
	height: 620px;
	margin-left: 0px;
	background-color: #fff;
	border-radius: 0px 160px 6px 0px;
	opacity: 0.3;
}

.flow {
	font-size: 22px;
	overflow: hidden;
	height: 140px;
	width: 300px;
}

.c-right {
	margin-right: auto;
}

li:hover {
	color: #fff;
}

.body-bgc {

	padding-top: 20px;
	width:800px;
	background-color: #bod4e5;
	background: url("img/wash-white-30.png") repeat scroll 0 0 transparent;
}

.btn-fb {
	padding: 5px;
	margin: 15px;
	width: 65px;
	height: 45px;
	line-height: 45px;
	font-size: 20px;
	border-radius: 8px;
}

.title {
	height: 30px;
	width: 220px;
	background-image: url("img/title.png");
	background-repeat: no-repeat;
}

hr {
	margin: 5px 10px 10px 0;
}
.newproject {
	margin-bottom: 20px;
	margin-left: 25px;
}


.accordion-heading {
	height: 30px;
	background-color: #fff;
	opacity: 0.8;
}

.contents {
	word-wrap: break-word;
	width: 600px;
	margin-left: 20px;
	font-size: 16px;
}
.collapse{
	background-color: #fff;
	opacity: 0.6;
}

.span5 {
	width:500px;
	margin-left: 5%;
	margin-top: 110px;
	opacity: 0.7;
}
#documentcontent{
padding-right:200px;
width:300px;
}
.editdel{
padding-left:22px;
padding-top:1px;
}
</style>

</head>
<body>
	<%@ include file="include/topbar.jsp"%>
	<%@ include file="include/left.jsp"%>

	<div class="span5 well">
		
		<i class="icon-folder-open #"></i>资料库&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<hr/>
		<a href="adddocument.action">添加新资料</a><hr/>
		<c:if test="${empty documentList}">
			<div class="alert alert-info">你未分享任何资料</div>
		</c:if>
		<c:forEach var="document" items="${documentList}">

			<h4>
				资料标题：<a href="todocument.action?id=${document.id}">${document.title}</a>
			</h4>

			资料内容：<div id="documentcontent">${document.content}</div><br/>
			<small>---${document.user.username}发表于${document.outtime}</small>
			
		<div class="editdel">
			<a  href="toeditdocument.action?id=${document.id}"><br/><i 
				class="icon-edit"></i></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<a class="deletefile" rel="deldocument.action?id=${document.id }" href="javascript:void(0)"><i
				class="icon-trash"></i></a>
			
			<hr /></div>
		</c:forEach>
	
	</div>
	
	<div id="myModal3" class="modal fade">

		<div class="modal-header">
			<a class="close" data-dismiss="modal">x</a>
			<h2>删除记录</h2>
		</div>

		<div class="modal-body">
			<h3>确定删除？</h3>
		</div>

		<div class="modal-footer">
			<a id="entrydelete" class="btn btn-primary">删除</a> <a class="btn"
				data-dismiss="modal">取消</a>
		</div>

	</div>
<script type ="text/javascript">
		$(function() {
			var url;
			$(".deletefile").click(function() {
				$('#myModal3').modal('show');
				url = $(this).attr("rel");
			});

			$('#entrydelete').click(function() {
				$('#myModa3').modal('hide');
				window.location.href = url;
			});

		});
	</script>
	
</body>
</html>
